@charset "utf-8";
/**
 * @Creation date:2011-11-02
 * @Explanation:提供整站一个通用的css组件；
 * @Attention:任何一个页面，必须最先引用该样式，且如果该样式更改的话，交会影响整站的效果！
 * @Author:ChenJunYong<tenjessy@gmail.com>
 */

/**
 * S 说明：html常用标签的默认属性的重置
 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form,fieldset, legend, button, input, textarea, select, th, td { margin:0px; padding:0px; }body, button, input, select, textarea { font-size:12px; font-family:"\5B8B\4F53", Arial, sans-serif; }body{ background:#ffffff; color:#3e3e3e; }h1,h2,h3,h4,h5,h6 { font-size:100%;}address, cite, dfn, em, var { font-style:normal; }code, kbd, pre, samp, tt { font-family:"Courier New", Courier, monospace; }ul, ol { list-style:none; }a { text-decoration:none; color:#3e3e3e; }a:hover { text-decoration: underline; color:#c50001; }sup { vertical-align: text-top; }sub { vertical-align: text-bottom; }legend { color:#000000; }fieldset, img { border:none; }img { vertical-align:top; }button, input, select, textarea { font-size:100%; }table { border-collapse: collapse; }article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { display: block; margin:0px; padding:0px; }


.clear { clear:both; height:0px; overflow:hidden; display:block; font-size:0px; }
.clearfix:after{ clear:both; height:0px; overflow:hidden; display:block; visibility: hidden; content:""; }

/**
 * S 公共
 */
.header, 
.nav, 
.hot-screen, 
.new-screen, 
.good-product,
.good-pro-cate,
.excellent-product, 
.famous-brand, 
.luxury-product, 
.city-product, 
.guide, 
.partner, 
.footer, 
.ad-1000,
.grid4m1s,
.related-product,
.famous-recom,
.famous-logo,
.excellent-recom,
.random-recom,
.grid2m { clear:both; width:1000px; margin:10px auto; background:#fff;}
.header:after, 
.nav:after, 
.hot-screen:after, 
.new-screen:after, 
.good-product:after,
.good-pro-cate:after,
.excellent-product:after, 
.famous-brand:after, 
.luxury-product:after, 
.city-product:after, 
.guide:after, 
.partner:after, 
.footer:after, 
.ad-1000:after,
.city-product .bd:after,
.grid4m1s:after,
.related-product:after,
.famous-recom:after,
.famous-logo:after,
.excellent-recom:after,
.random-recom:after,
.grid2m:after { clear:both; height:0px; overflow:hidden; display:block; visibility: hidden; content:""; }

/**
 * S 迷你导航 
 */
.miniNav { height:24px; padding:2px 0px; border-bottom:1px solid #dddddd; background:#f0f0f0; line-height:24px;}
.miniNav .inner { width:1000px; margin:0px auto; }
.welcom-info { float:left; padding:0px;}
.quick-nav { float:right; }
.quick-nav li { float:left; padding:0px 12px; background:url(../img/header_bg.png) no-repeat -999px -65px; }
.quick-nav a { display:inline-block; }
.quick-nav .user-info { background:none; }
.user-info em { padding:0px 2px; }
.user-info span { padding:0px 4px; font-weight:700; color:#c50001; }
.partner-login a,.partner-login a:hover { color:#58a3ff; }

/**
 * S 头部 
 */
.header { margin:0px auto; background:#ffffff; }

/**
 * S Logo
 */
.logo { float:left; position:relative; width:249px; height:75px; padding:10px; overflow:hidden; }
.logo a { position:absolute; top:10px; left:10px; font-size:0px; line-height:0px; -webkit-text-size-adjust:none; }
.logo img { display:block;  }

/**
 * S 城市选择
 */
.city { position:relative; z-index:5; float:left; width:166px; line-height:20px; }
.city .t { display:block; padding:20px 0px 0px 0px; }
.city .cur { display:block; height:20px; }
.city .cur i { float:left; display:block; width:12px; height:12px; margin:4px 10px 0px 0px; _margin:3px 7px 0px 0px;  background:url(../img/header_bg.png) no-repeat -621px -49px; font-size:0px; }
.choose-city { position:absolute; top:22px; left:0px; z-index:6; display:none; width:140px; padding:6px 10px; background:#ffffff; border:2px solid #b91313; line-height:20px; border-radius:5px; -moz-border-radius:5px; box-shadow:0px 2px 4px #dddddd; -moz-box-shadow:0px 2px 4px #dddddd; }
.choose-city a { display:inline-block; padding:1px 3px; border-radius:2px; -moz-border-radius:2px; }
.choose-city a:hover { background:#b91313; color:#ffffff; text-decoration:none; }
.city-active .choose-city { display:block; }
/**
 * S 搜索框
 */
.search-bar { float:left; width:418px; padding:18px 0px 0px 0px; }
.search-tab { height:24px; line-height:22px; overflow:hidden; }
.search-tab li { float:left; padding:1px 10px; margin-left:-1px; background:url(../img/header_bg.png) no-repeat -999px -65px; }
.search-tab a { display:inline-block; padding:0px 8px; }
.search-tab .cur { font-weight:700; }
.search-panel { width:418px; height:34px; background:url(../img/header_bg.png) no-repeat 0px -49px; }
.search-input { position:relative; float:left; width:332px; height:26px; padding:4px 0px 4px 4px; *padding:3px 0px 3px 4px; }
.search-input .input-txt { width:296px; height:14px; padding:6px 10px; margin:0px; border:none; background:none; line-height:14px; }
.search-input b { position:absolute; top:16px; right:8px; width:0px; height:0px; border:4px solid; border-color:#c50001 #ffffff #ffffff #ffffff; font-size:0px; overflow:hidden; }
.search-btn { float:left; width:82px; height:34px; border:none; background:none; cursor:pointer; text-indent:-999em; }

/**
 * S 导航
 */
.nav { position:relative; z-index:3; margin:0px auto; background:#ffffff; }
.nav li { float:left; }
.main-nav { height:38px; padding:1px 24px; background:#b91313; font-size:14px; line-height:38px; }
.main-nav .cur { background:#970000; font-weight:700; }
.main-nav a { display:inline-block; padding:0px 25px; }
.main-nav a, .main-nav a:hover { color:#ffffff; }
.sub-nav { clear:both; height:32px; padding:8px 34px; background:url(../img/header_bg.png); line-height:24px; }
.sub-nav li { padding:0px 14px; background:url(../img/header_bg.png) no-repeat right -65px; }
.sub-nav li:last-child { background:none; }
.sub-nav a { display:inline-block; }

/**
 * 迷你购物车
 */
.mini-cart { position:absolute; top:12px; right:12px; width:344px; }
.mini-cart .cur { display:block; }
.mini-cart .cart-hd { position:relative; display:block; width:82px; height:18px; padding:0px 1px 1px 23px; margin-left:238px; background:url(../img/header_bg.png) no-repeat -514px -49px; line-height:18px; }
.mini-cart .cart-hd span { padding:0px 3px; font-weight:700; color:#ff6600; }
.mini-cart .cart-hd b { position:absolute; top:7px; right:7px; width:0px; height:0px; border-width:4px; border-style:solid; border-color:#3e3e3e #ffffff #ffffff #ffffff; overflow:hidden; }
.mini-cart-cont { display:none; width:344px; margin-top:-1px; }
.mini-cart-full { width:332px; padding:4px; border:2px solid #9a9a9a; background:#ffffff; }
.mini-cart-full dl { position:relative; height:58px; padding:3px 0px; border-bottom:1px dashed #dddddd; }
.mini-cart-full .img { float:left; }
.mini-cart-full .img img { width:58px; height:58px; padding:1px; border:1px solid #dddddd; }
.mini-cart-full dd { padding:10px 5px 0px 5px; line-height:20px; }
.mini-cart-full .n { padding-right:85px; overflow:hidden; zoom:1; }
.mini-cart-full .num { position:absolute; top:3px; right:0px; text-align:right; }
.mini-cart-full .del { text-decoration:underline; }
.mini-cart-full .price { display:block; color:#c50001; }
.mini-cart-full .statistics { height:20px; padding:4px 12px; line-height:20px; }
.mini-cart-full .collect { float:left; }
.mini-cart-full .collect b { float:left; width:11px; height:11px; margin:5px 3px 0px 0px; *margin:4px 3px 0px 0px; background:url(../img/header_bg.png) no-repeat -634px -49px; font-size:0px; overflow:hidden; }
.mini-cart-full .collect a { display:block; }
.mini-cart-full .total { float:right; }
.mini-cart-full .total em { padding:0px 4px; color:#c50001; }
.mini-cart-act { height:30px; padding:0px 10px; text-align:right; line-height:28px; }
.mini-cart-act a { float:right; }
.mini-cart-act .checkout { width:68px; height:28px; margin-left:3px; padding:0px 0px 2px 26px; background:url(../img/header_bg.png) no-repeat -419px -49px; text-align:center; color:#ffffff; font-size:14px; }
.mini-cart-act .checkout:hover { color:#ffffff; }
.mini-cart-empty { margin-left:150px; border:2px solid #b91313; background:#ffffff; line-height:20px; color:#666666; text-align:right; }
.mini-cart-empty span { padding:0px 10px; }

/**
 * S 指引
 */
.guide { background:#fafafa; border-top:1px solid #dddddd; }
.guide .col { float:left; width:138px; padding:12px 20px 12px 0px; border-top:1px solid #f0f0f0; line-height:18px; }
.guide h4 { padding:6px 22px; border-bottom:1px solid #dddddd; background:url(../img/footer_bg.png) no-repeat; font-family:"Microsoft YaHei","\5FAE\8F6F\96C5\9ED1","SimHei","\9ED1\4F53"; }
.help-guide h4 { background-position:-214px 9px; }
.pay-guide h4 { background-position:-214px -19px; }
.delivery-guide h4 { background-position:-220px -46px; }
.sale-guide h4 { background-position:-214px -74px; }
.join-guide h4 { background-position:-214px -101px; }
.guide .list { padding:6px 0px 0px 22px; }
.phone-guide { float:left; width:210px; padding:12px 0px 0px 0px; line-height:20px; border-top:1px solid #f0f0f0; }
.phone-guide ul { height:114px; padding:10px 16px 0px 98px; background:url(../img/footer_bg.png) no-repeat 0px 0px; }
.phone-guide li { padding:6px 0px; border-bottom:1px dashed #dddddd; }
.phone-guide .no-bor { border-bottom:none; }
.phone-guide span { display:block; }

/**
 * 合作伙伴
 */
.partner { padding:0px 0px 5px 0px; background:#f0f0f0; }
.partner .hd { height:36px; padding:0px 8px; background:#ffffff; }
.partner .hd-t { width:80px; height:36px; background:url(../img/footer_bg.png) no-repeat 0px -132px; font:500 18px/36px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1","SimHei","\9ED1\4F53"; text-indent:-999em; overflow:hidden; }
.partner .bd { background:#ffffff; border:1px solid #dddddd; text-align:center; }
.partner img { padding:2px 12px; }

/**
 * S 底部
 */
.footer { padding:0px 0px 10px 0px; text-align:center; line-height:22px; }
.copyright { font-family:Arial; }

/**
 * 分页
 */
.page-nav { width:100%; height:24px; padding:12px 0px; line-height:24px; text-align:center; }
.page-nav a,.page-nav .cur, .page-nav .start, .page-nav .last { display:inline-block; height:24px; margin:0px 3px; padding:0px 8px; border:1px solid; }
.page-nav .start, .page-nav .last { border-color:#dddddd; color:#9a9a9a; }
.page-nav .start { padding:0px 8px 0px 16px; background:url(../img/icon.png) no-repeat; background-position:5px -79px; *background-position:5px -80px; }
.page-nav .prev { padding:0px 8px 0px 16px; background:url(../img/icon.png) no-repeat; background-position:5px -60px; *background-position:5px -61px; }
.page-nav .last { padding:0px 16px 0px 8px; background:url(../img/icon.png) no-repeat; background-position:right -41px; *background-position:right -42px; }
.page-nav .next { padding:0px 16px 0px 8px; background:url(../img/icon.png) no-repeat; background-position:right -22px; *background-position:right -23px; }
.page-nav a { border-color:#dddddd; }
.page-nav a:hover { border-color:#c50001; text-decoration:none; }
.page-nav .cur { border-color:#c50001; color:#c50001; font-weight:700; }
.page-nav .page-info { display:inline-block; }
.page-nav .input-txt { width:30px; margin:0px 6px; padding:2px 0px; text-align:center; border:1px solid #9a9a9a; vertical-align:middle; line-height:14px; }
.page-nav .skip { width:38px; margin:0px 6px; vertical-align:middle; cursor:pointer; line-height:16px; }

/**
 * 面包屑
 */
.crumb { height:24px; padding:2px 28px; background:#ffffff url(../img/icon.png) no-repeat 6px 6px; border-bottom:1px solid #dddddd; line-height:24px; }
.crumb .t { font-weight:700; }
.crumb span, .crumb a { padding:0px 2px; }

/**
 * 排序工具栏
 */
.sorting-bar { height:32px; padding:0px 30px; margin-top:10px; background:#ebecf1; border:1px solid #dddddd; border-left:none; border-right:none; line-height:32px; }
.sorting-bar .t { float:left; padding:0px 10px; font-weight:400; }
.sorting-act { float:left; }
.sorting-act li { position:relative; float:left; padding:0px 1px; margin-left:-1px; background:url(../img/icon.png) no-repeat right -99px; border-left:1px solid #dddddd; border-right:1px solid #dddddd; }
.sorting-act .cur { background-color:#ffffff; margin-bottom:-1px; border-bottom:1px solid #ffffff; }
.sorting-act .desc { background-position:right -147px;}
.sorting-act .asc { background-position:right -123px;}
.sorting-act a { display:block; padding:0px 19px; }

/**
 * 分类工具栏
 */
.related-cate { height:32px; padding:6px 15px; border-bottom:1px solid #e9e4ce; background:#fffee6; line-height:33px; }
.related-cate .t { font-weight:400; }
.related-cate span { display:inline-block; padding:0px 5px; }
.related-cate .cur { padding:0px 10px; font-weight:700; color:#00a017;}
.related-cate a { display:inline-block; padding:0px 5px; }

/**
 * 2011-12-11新增登陆框弹出层
 */
.login-box { float:right; width:460px; height:460px; padding:68px 10px 0px 30px; }
.login-box h1 { width:220px; height:28px; background:url(../img/login_reg_bg.png) no-repeat 0px 0px; text-indent:-999em; }
.login-box legend { display:none; }
.login-box .account-area,
.login-box .pass-area,
.login-box .code-area,
.login-box .remember,
.login-box .act-area, 
.entries { clear:both; width:460px; padding:10px 0px; vertical-align:middle; overflow:hidden; }
.login-box .input-txt { float:left; width:200px; height:14px; padding:5px 5px; border:1px solid #6c91ac; background:url(../img/login_reg_bg.png) no-repeat 0px -196px; vertical-align:middle; }
.login-box .t { float:left; width:56px; line-height:26px; font-size:14px; }
.login-box .mess { float:left; display:none; padding-left:10px; color:#c50001; line-height:26px; }
.code-area .code-img { float:left; padding-left:10px; cursor:pointer; }
.code-area .code-img img { width:80px; height:26px; vertical-align:middle; }
.remember { line-height:28px; vertical-align:middle; }
.remember label { display:block; margin-left:56px; font-family:Arial; }
.remember input { margin-right:5px; vertical-align:middle;  }
.login-box .submit-act { width:90px; height:30px; margin-left:56px; border:1px solid #c50001; background:#c50001 url(../img/login_reg_bg.png) no-repeat 0px -81px; font-size:14px; font-weight:700; color:#6e0000; cursor:pointer; }
.entries { position:relative; width:404px; height:30px; padding-left:56px; line-height:28px; }
.entries a { position:absolute; top:10px; right:90px; width:88px; height:28px; border:1px solid #666666; background:#fff2cc url(../img/login_reg_bg.png) no-repeat -89px -81px; font:700 14px/28px "\5b8b\4f53"; text-align:center; }
.login-box .account-area { position:relative; height:26px; padding-bottom:40px; }
.login-tips { position:absolute; bottom:10px; left:56px;  width:184px; height:18px; line-height:18px; border:1px solid #c6c6a8; }
.login-tips .tips { position:relative; height:18px; padding:0px 10px 0px 5px; }
.login-tips .colse { position:absolute; top:5px; right:5px; width:7px; height:7px; background:url(../img/login_reg_bg.png) no-repeat -275px -56px; font-size:0px; text-indent:-999em; overflow:hidden; cursor:pointer; }
.login-tips b { position:absolute; top:-5px; left:16px; width:7px; height:5px; background:url(../img/login_reg_bg.png) no-repeat -275px 0px; font-size:0px; text-indent:-999em; overflow:hidden; }
.login-tips .tips a,.login-tips .tips a:hover { color:#c50001; }

.pop-login { position:absolute; display:none; top:10%; left:30%; width:500px; height:390px; z-index:1001; }
.pop-login .pop-inner { position:relative; width:480px; padding:10px; overflow:hidden; }
.pop-login .hd-t { position:relative; display:block; height:36px; padding-left:10px; background:#b91313; color:#FFFFFF; font:700 14px/36px "\5b8b\4f53"; }
.pop-login .hd-act { position:absolute; top:10px; right:10px; width:17px; height:17px; background:#ffffff url(../img/login_reg_bg.png) no-repeat -270px -50px; border:none; font-size:0px; text-indent:-999em; overflow:hidden; cursor:pointer; }
.pop-login .login-box { float:none; width:460px; height:314px; padding:10px; background:#ffffff; overflow:hidden; }
.pop-login .login-box h1 { display:none; }

/* 遮罩层 */
.mask-layer { position:absolute; top:0px; left:0px; display:none; width:100%; background:#000000; opacity:.5; filter:Alpha(opacity=50); z-index:1000; }
.layout-transparent { position:absolute; top:0px; left:0px; width:500px; height:390px; background:#000000; opacity:.50; filter:Alpha(opacity=50); z-index:-1; border-radius:10px; -moz-border-radius:10px; }


/*  客服   */
.lgx8 a:link {
 color: #000;
 text-decoration: none;
}
.lgx8 a:visited {
 color: #000;
 text-decoration: none;
}
.lgx8 a:hover {
 color: #f80000;
 text-decoration: underline;
}
.lgx8 a:active {
 color: #f80000;
 text-decoration: underline;
}
.lgx8{
 width:132px;
 height:auto;
 overflow:hidden;
 position:absolute;
 right:0;
 top:100px;
 color:#000000;
 font-size:12px;
 letter-spacing:0px;
}
.zzjs_net{
 width:35px;
 height:256px;
 overflow:hidden;
 position:relative;
 float:right;
 z-index:50px;
}
.qqkf{
 width:120px;
 height:auto;
 overflow:hidden;
 right:0;
 top:0;
 z-index:99px;
 border:0px solid #FFFFFF;
 background:#fff;
  background-image:url(../img/kefu.jpg);
}
.qqkfbt{
 width:118px;
 height:20px;
 overflow:hidden;
 background:#CC0000;
 line-height:20px;
 font-weight:bold;
 color:#fff;
 position:relative;
 border:0px solid #FFFFFF;
 cursor:pointer;
 text-align:center;
}
.qqkfhm{
 width:112px;
 height:28px;
 overflow:hidden;
 line-height:28px;
 padding-right:8px;
 position:relative;
 margin:3px 0;
}
.bgdh{
 width:102px;
 padding-left:10px;
}